css3 2D转换
2D转换方法主要有：1、translate() //给定left（x坐标）和top（y坐标）的参数2、rotate() //元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转3、scale() //元素的尺寸会增加或减少，给定的宽度（X 轴）和高度（Y 轴）参数 4、skew() //元素翻转给定的角度，给定的水平线（X 轴）和垂直线...
2024-01-10
css 3d圆旋转
这是一个旋转的圆盘，然后四个小圆旋转的时候，会变成片状怎么解决不变成片呢<template> <div class="pic" :class="deg === 90 ? 'clas' : ''"> <img @click="switchData(1)" :style="{ marginTop: top2 + 'px' }" class="img" ...
2024-03-15
grid css 样式问题
目前是用的grid网格； 根据数据渲染的，超出会自动换行的，没数据会有留白区；目的：没数据也有网格；各位有什么其他解决办法吗，谢谢！回答所有有什么办法吗？剩余部分也有网格；最简单的办法，重新封装一下组件！v-if=data.length, 显示完整信息v-else, 显示标题栏和你自定义的 空白页...
2024-01-10
【CSS】css3 3d效果问题
如图，要做一个如下的具有3d效果的视图，对于上下两个框，我用css的rotateX，然后又用了translateZ移动了位置，然而出现的如下的效果，上下两个框并没有出现上图有由近及远的‘梯形状’。请问如何解决？回答：没有为父元素设置perspective和perspective-origin属性吧，还要设置transform-style为3d。...
2024-01-10
Vue2之页面 、js 、css分离
在编写vue的时候，页面数据少的时候，可以将所有的js和css都可以直接写在页面上，但是页面数据多，js、css的方法和样式多的时候，都放在一个页面的时候，就显得页面vue十分的臃肿。所以写项目的时候，还是将其分离会比较合适，这样别的页面也可以引用该方法和样式。直接上代码：页面引用js（...
2024-01-10
css小demo(3) 点击按钮切换
效果:静态html:<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="https://www.pianshen.com/ar...
2024-01-10
vue3处理css样式 :deep() 没有作用
<style lang="scss" scoped>.el-dialog :deep(.el-dialog__body) { height: 500px; overflow: auto;}</style>请问为什么样式穿透没有效果？https://vuejs.org/api/sfc-css...我不知道是我写的有问题还是vue3这块有问题，有点折磨回答：<style la...
2024-03-01
3d和2d哪个更烧钱
品牌型号：联想拯救者Y9000P系统：Windows 113d更烧钱。制作3D动画的成本通常比制作2D动画更高，制作3D动画需要更多的人力资源和技术设备，如3D建模、纹理处理、灯光布置、动作捕捉等。制作3D动画需要更长时间，因为需要建立场景、角色的3D模型，制作出动画所需的每一帧，再进行渲染等一系列步骤。此外，3D动画的制作需要大量的投资，因为制作所需的硬件和软件设备成本较高，并且制作团队...
2024-02-26
【CSS】css3 形状，图形
小白敢问大神们使用CSS3如何实现这个图形，左边的那一点点可以无视。谢谢各位大佬了回答：这个如果按照图片上的效果把阴影也加上，不好实现，也没必要(如果这么复杂，直接要美工出图)不加阴影的<div class="test"></div>.test{ width: 800px; height: 200px; position: relative; background: linear-gradient(red...
2024-01-10
vue3 引入css文件问题？
如图，如果使用使用的是 router-link 那只要访问过的CSS样式文件会全部加载，怎么然他只加载当前模板的 CSS 文件/src/App.vue<template> <div> <router-link to="/" style="margin-left: 30px; color: #0a0c0d;">Home</router-link> <route...
2024-03-08
2d和3d动漫哪个更烧钱
品牌型号：联想拯救者Y9000P系统：Windows 113d动漫更烧钱。制作3D动画的成本通常比制作2D动画更高，制作3D动画需要更多的人力资源和技术设备，如3D建模、纹理处理、灯光布置、动作捕捉等。制作3D动画需要更长时间，因为需要建立场景、角色的3D模型，制作出动画所需的每一帧，再进行渲染等一系列步骤。此外，3D动画的制作需要大量的投资，因为制作所需的硬件和软件设备成本较高，并且制作...
2024-03-01
css 两个同样大小的圆 无法完全覆盖
两个同样大小的圆，父圆黑色，子圆白色，理论上子圆应该完全遮挡父圆，但是实际上确实这样，这是为什么呢？代码如下：<div class="circle father"><div class="circle son"></div></div><style>.circle {width: 200px;height: 200px;border-radius: 50%;/* clip-path: circle(50%); */}.father {background: #000;}.son {height: 100%;...
2024-01-10
3d扫描仪价格之iSense iSense3d扫描仪价格介绍
不知道你是否还记得在去年Occipital公司发布了一款3d扫描仪，它的名字是Structure sensor 3D扫描仪。去年 Occipital公司发布的那款扫面议可以与iPad完美组合。当消费者们对3d扫描仪的热情还未减退的时候，Occipital公司今年又发布了一款令人激动的3d扫扫描仪，而这款3d扫描仪确实可以与iPhone 6(plus)一起合...
2024-01-10
2d动漫和3d动漫哪个成本高
品牌型号：华为P50系统：HarmonyOS3通常情况下，3d动画比2d动画的成本更高。这是因为制作3d动画需要更多的人力资源和技术设备。以下是一些导致3d动画成本更高的因素：1、技术门槛：3D动画需要使用各种复杂的软件和技术，如3D建模、纹理处理、灯光布置、动作捕捉等，因此其技术门槛更高。2、制作时间：与制作2D动画相比，制作3D动画需要更长的时间。由于使用计算机进行制作，需要建立场景、...
2024-01-18
【CSS】css3: dl中如何让dr和dt视觉上显示到同一行?
用dl来实现如图京东二级导航,但是自己dr跟dd总排不到一行.做了个demo观察了一下 ,发现dr跟dd的浮动十分特殊,见图(已将dd的margin设为0).普通div在同一方向float效果如两个灰色方块.而dr和dd有重叠部分而且是下边框对齐.那么请问该该如何实现?CSS如下 dl, dr, dd { display: block; } dl { overflow: h...
2024-01-10
css问题 那位知道怎么弄 在线等 急急急
文字定位再input框内 内容超过一屏出现滚动条 怎么才能让文字跟随input下滑回答你是说那个“反问轮数：”跟着输入框滚动对吗？一个简单的办法，改改HTML结构，把input标签和文字（用比如span标签包裹）标签放在同一个div里，然后给这个div设置position: relative;，给文字span设置position: absolute;,调整调整位...
2024-01-10
js css 实现遮罩层覆盖其他页面元素附图
<div style=" position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: Black; z-index: 9999; filter: alpha(opacity=70); Opacity:0.7;"></div>z-index 必须大于遮罩元素demo<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</titl...
2024-01-10
【CSS】css3 怎么实现像书籍装订线的效果？
css 怎么实现像书籍装订线的效果？不用图片的纯css3实现回答：{ width: 150px; height: 150px; margin: 20% auto; background-color: white; background-image: repeating-linear-gradient(to right, #aaa 5%, #eee 10%, #ccc 15%); box-shadow: 5px 5px 2px #eee; border-radiu...
2024-01-10
创建 3D 滑梯和滚球
Roll It is a Chrome Experiment that reimagines a classic boardwalk game using only the browser on your phone and computer. The browser on your phone lets you aim and roll the ball with a flick of your wrist, while the browser on your computer renders the r...
2024-01-10
请问通过 css fixed 实现全屏在缩小时如何添加过渡动画呢？
在全屏的时候会动态给目标元素添加一个全屏的 class，在缩小的时候会直接把这个 class 移除，请问有什么思路可以实现呢？加 transition: all 0.1s linear 可以比较自然，但是还是好奇是否能通过 css 动画实现~// 小窗样式.window { position: fixed; left: 8tpx; right: 8tpx; .c...
2024-03-13制作世界奇观 3D 地球仪
如果您在 查看了最近推出的 Google World Wonders 支持 WebGL 的浏览器上 网站，您可能会在屏幕底部发现一个精美的旋转地球。 本文让您了解地球的工作原理以及我们用来构建它的内容。为了让您快速了解一下，World Wonders 地球仪是 Google 数据艺术团队对 WebGL 地球仪进行了重大调整的版本。 我们采用了原始...
2024-01-10影响：focus'd元素的父元素（首选纯CSS + HTML）
我怎样才能改变父母的背景<div>的时候<input>或者<a>是：focus’d（或任何其他动态伪类？例如<div id="formspace"><form><label for="question">How do I select #formspace for the case when a child is active?</label><input type="text" id="question" name="answer"/></form></div>回答：不幸的是，css不支持父选择器。因此，...
2024-01-10日期格式解析例外-“ EEE MMM dd HH：mm：ss Z yyyy”
我在日期解析示例日期上遇到了问题：SimpleDateFormat parserSDF=new SimpleDateFormat("EEE MMM dd HH:mm:ss zzzz yyyy", Locale.getDefault());parserSDF.parse("Wed Oct 16 00:00:00 CEST 2013");有例外确实我想将此格式日期解析为yyyy-MM-dd我尝试：SimpleDateFormat parserSDF = new SimpleDateFormat("yyyy-MM...
2024-01-10写 CSS 最好方法 OOCSS + Sass
OOCSS 非常棒。但在HTML标签中有很多不具语义化的类名也并不可怕。而在 HTML 标签上的类名会改变就是一件很有趣的事情。如果你把 OOCSS 和 Sass 结合在一起，你会得到两个优势：CSS 模块不臃肿和 HTML 维持不变。OOCSS 指引 HTML 的维护首先，简单的声明，你可能第二次看到非语义（non-semantic）这个词。事...
2024-01-10
【CSS】css3 写了一个可伸缩的搜索表单，可是伸长之后有一个框？
搜索表单伸长之后，chrome浏览器上出现一个框（见图），firefox浏览器正常，是什么原因？解决办法是？回答：应该是浏览器自带的focus样式可以试试input {outline:0};回答：妈蛋，又要猜你写的代码看看是不是focus、outline的原因...
2024-01-10
